export default function() {
    return {
        fontSize: {
            xs: '10px',
            sm: '12px',
            base: '14px',
            lg: '16px',
            xl: '20px',
            xxl: '24px',
            xxll:'28px',
            xxxl: '32px'
        },
        width: {
            screen: '100vw',
            full: '100%',
            10: '10px',
            14: '14px',
            24: '24px',
            30: '30px',
            32: '32px',
            40: '40px',
            46: '46px',
            48: '48px',
            56: '56px',
            64: '64px',
            80: '80px',
            84: '84px',
            132: '132px',
            144: '144px',
            198: '198px',
            200: '200px',
            300: '300px',
            900: '900px',
            1440: '1440px',
            1920: '1920px'
        },
        height: {
            screen: '100vh',
            full: '100%',
            14: '14px',
            24: '24px',
            30: '30px',
            32: '32px',
            38: '38px',
            40: '40px',
            44: '44px',
            48: '48px',
            56: '56px',
            60: '60px',
            64: '64px',
            84: '84px',
            132: '132px'
        },
        colors: {
            blue: {
                100: '#1677ff',
                200: '#9EAFFA',
                300: '#EBEFFE'
            },
            fill: '#FAFAFC',
            white: '#FFFFFF',
            'white-100': '#FFFFFF',
            'white-200': '#FFFFFF75',
            'white-300': '#FFFFFF10',
            green: '#00D679',
            'green-light': '#EBFFF8',
            yellow: '#FEDB38',
            'yellow-100': '#FFA814',
            error: '#FF0000',
            red: '#FF7E68',
            cyan: '#00d6d6',
            'red-dark-100': '#DC1515',
            'red-light-100': '#FFF1F0',
            'red-light-200': '#FFDCD8',
            black: {
                100: '#202536',
                200: '#565868',
                300: '#9497B1',
                400: '#F4F4F7',
                500: '#BAC0CF',
            },

        },
        margin: {
            4: '4px',
            6: '6px',
            8: '8px',
            10: '10px',
            12: '12px',
            14: '14px',
            16: '16px',
            24: '24px',
            32: '32px',
            40: '40px'
        },
        spacing: {
            4: '4px',
            6: '6px',
            8: '8px',
            10: '10px',
            12: '12px',
            14: '14px',
            16: '16px',
            20: '20px',
            24: '24px',
            32: '32px',
            60: '60px',
            72: '72px',
        },
        space: {
            4: '4px',
            6: '6px',
            8: '8px',
            12: '12px',
            16: '16px',
            24: '24px',
            32: '32px',
            40: '40px'
        },
        border: {
            primary: '#2F6DF5',
            color: {
                100: '#FAFAFC',
                200: '#F0F2F9',
                300: '#C4C6CE'
            }
        },
        borderRadius: {
            sm: '4px',
            m: '6px',
            base: '8px',
            default: '8px',
            lg: '12px',
            xl: '20px',
            full: '9999px'
        },
        boxShadow: {
            sm: '0px 12px 16px 0px rgba(225, 230, 238, 0.6)',
            base: '0px 12px 32px 0px rgba(225, 230, 238, 0.7)',
            lg: '0px 12px 64px 0px rgba(225, 230, 238, 0.8)',
            menu: '0px 0px 24px 0px rgba(0, 0, 0, 0.06)'
        },
        transitionProperty: {
            'border': 'border',
        },
        flex: {
            '1': '1 1 0%',
            '2': '2 2 0%',
            '3': '3 3 0%',
            '4': '4 4 0%',
            '5': '5 5 0%',
            '6': '6 6 0%',
            '7': '7 7 0%',
            '8': '8 8 0%',
        }
    }
}